//注册页面


// src/pages/RegisterPage.tsx
import React, { useState } from 'react';
import {
    IonPage,
    IonContent,
    IonHeader,
    IonToolbar,
    IonTitle,
    IonItem,
    IonInput,
    IonLabel,
    IonButton,
    IonIcon,
    IonButtons,
    IonBackButton
} from '@ionic/react';
import { lockClosed, mail, person } from 'ionicons/icons';
import { useHistory } from 'react-router-dom';
import { useAuth } from '../contexts/AuthContext';

const TestPage: React.FC = () => {

    const [name, setName] = useState('');


    return (
        <IonPage>
            <IonContent className="ion-padding">
                <div className="form-container">
                    <IonItem>
                        <IonIcon icon={person} slot="start" />

                        <IonLabel position="stacked">
                             姓名 
                        </IonLabel>
                        <IonInput
                            type="text"
                            value={name}
                            onIonChange={e => setName(e.detail.value!)}
                            placeholder="请输入您的姓名"
                        />
                    </IonItem>
                </div>
            </IonContent>
        </IonPage>
    );
};

export default TestPage;